<template>
    <div class="side-menu">
         <div class="side-menu-title">
            <h2>新闻资讯</h2>
             <p>NEWS</p>
             <div class="delta"></div>
        </div>
        <nuxt-link :class="active==1?'active':''" :to="'/news/international'"><span></span>国际新闻</nuxt-link>
        <nuxt-link :class="active==2?'active':''" :to="'/news/internal'"><span></span>国内新闻</nuxt-link>
        <nuxt-link :class="active==3?'active':''" :to="'/news/province'"><span></span>省内新闻</nuxt-link>
        <nuxt-link :class="active==4?'active':''" :to="'/news/industry'" class='lastLink'><span></span>行业焦点</nuxt-link>
    </div>
</template>

<script>
export default {
    props: {
        active: {
           type: String
        }
    },
    methods: {
        onOpenChange (openKeys) {
            console.log('openKeys::',openKeys)
        }
    },
}
</script>
<style lang="scss">
@import "../../../assets/unit/sideMenu.scss";
</style>
